@charset "UTF-8";
@import '../mixins/index.scss';

$componentPrefix: initPrefix();

$radius:
  ('sm', $ft-border-radius-sm), ('md', $ft-border-radius-md), ('lg', $ft-border-radius-md),
  ('xl', $ft-border-radius-xl), ('xxl', $ft-border-radius-xxl), ('thumb', $ft-border-radius-thumb),
  ('button', $ft-border-radius-button), ('circle', $ft-border-radius-circle), ('df', $ft-border-radius-df);

// ft-radius-xs
@each $name, $value in $radius {
  #{$componentPrefix}radius-#{$name} {
    border-radius: $value;
  }
}
